<div style="overflow-x: hidden;" xmlns="http://www.w3.org/1999/html">
    <div id="qhRiskLevelMapPolygonMap"></div>

    <div id="operatePanelButton" style="position: absolute;display: block;top: 100px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="operatePanelButtonImg" style='cursor:pointer;width: 31px;height: 31px;' title="文件上传" src="/fxpg/static/app/fxpg/fx_plugins/images/file_upload.jpg"><br/><span style='border:0;cursor:pointer;' >文件<br/>上传</span></p>
    </div>
    <div id="operatePanel" style="position: absolute;width: 350px;top: 50px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div id="button-closeForm" style="width:32px;height:32px;background: url('/fxpg/static/app/fxpg/fx_plugins/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;float:right;" title="关闭" ></div>
                <div style="color: #ff0000;width: 300px;position: absolute;left: 20px;top: 10px;">请基于【CGCS2000】坐标系上传栅格数据(tif文件)</div>
            </div>
            <div class="form-group">
                <label for="provinceSelect" class="col-md-4 control-label">省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect" name="provinceSelect" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect" class="col-md-4 control-label">市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect" name="citySelect" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label">区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect" name="areaSelect" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="earthquakeRisk" class="col-md-4 control-label">地震危险性:</label>
                <div class="col-md-8">
                    <select class="form-control" id="earthquakeRisk" name="earthquakeRisk" >
                        <option value="0">50年超越概率2%</option>
                        <option value="1">50年超越概率10%</option>
                        <option value="2">50年超越概率63%</option>
                        <option value="3">100年超越概率1%</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label">评估图类型:</label>
                <div class="col-md-8">
                    <select class="form-control" id="levelMapType" name="levelMapType" >
                        <option value="0">直接经济损失评估图</option>
                        <option value="1">死亡人口评估图</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div id="singleDigitDiv">
                    <!--<label for="singleDigitLi" class="col-md-5 control-label">经济损失单位：</label>
                    <ul>
                        <li id="singleDigitLi">
                            <label class="radio-inline">
                                <input type="radio" name="gdpUnit" id="singleDigit" value="0">元
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="gdpUnit" id="tenThousand" value="1" checked>万元
                            </label>
                        </li>
                    </ul>-->
                    <label class="col-md-7 control-label"><span style="color: #ff0000;">请注意经济损失单位为万元.</span></label>
                </div>
                <div id="singleDigitPopDiv" style="display: none;">
                    <label for="singleDigitPopLi" class="col-md-5 control-label">死亡人口单位：</label>
                    <ul>
                        <li id="singleDigitPopLi">
                            <label class="radio-inline">
                                <input type="radio" name="popUnit" id="singleDigitPop" value="0" checked>人
                            </label>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-md-12 form-horizontal" style="">
            <div class="form-group">
                <div class="col-md-4">
                    <input type="file" style="width: 70px;" id="button-selectfile" name="button-selectfile" multiple="multiple" accept=".shp,.dbf,.prj,.sbn,.sbx,.shp.xml,.shx,.tif,.tfw,.tif.aux.xml,.tif.ovr,.tif.xml,log,.dir" />
                </div>
                <div class="col-md-8">
                    <textarea rows="7" cols="20" class="form-control"  id="commentInfo" name="commentInfo" placeholder="导入多个文件时，文件名须相同" readonly/>
                </div>
                <!--
                <div id="qhFieldInfoBtn" style="position: absolute;left: 20px;z-index: 100000;background-color: #FFFFFF;width: 60px;top:30px;">
                    <a><h5>字段说明</h5></a>
                </div>
                -->
            </div>
        </div>
        <!--
        <input type="button" class="btn btn-default" id="button-export" style="margin:5px;float:right;" value="下载" />
        -->
        <input type="button" class="btn btn-default" id="button-import" style="margin:5px;float:right;" value="上传" />
    </div>

    <div id="riskLevelMapPolygonLayers3" style="position: absolute;display: block;top: 180px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="riskLevelMapPolygonLayersImg2" style='cursor:pointer;width: 32px;height: 32px;' title="图层查询" src="/fxpg/static/app/fxpg/fx_plugins/images/layers_search.jpeg"><br/><span style='border:0;cursor:pointer;' >图层<br/>查询</span></p>
    </div>
    <div id="operatePanel3" style="position: absolute;width: 350px;top: 100px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="form-group">
            <div id="operatePanel3CloseBtn" style="width:32px;height:32px;background: url('/fxpg/static/app/fxpg/fx_plugins/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="provinceSelect3" class="col-md-4 control-label">省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect3" name="provinceSelect3" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect3" class="col-md-4 control-label">市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect3" name="citySelect3" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect3" class="col-md-4 control-label">区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect3" name="areaSelect3" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="earthquakeRisk3" class="col-md-4 control-label">地震危险性:</label>
                <div class="col-md-8">
                    <select class="form-control" id="earthquakeRisk3" name="earthquakeRisk3" >
                        <option value="0">50年超越概率2%</option>
                        <option value="1">50年超越概率10%</option>
                        <option value="2">50年超越概率63%</option>
                        <option value="3">100年超越概率1%</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="levelMapType3" class="col-md-4 control-label">评估图类型</label>
                <div class="col-md-8">
                    <select class="form-control" id="levelMapType3" name="levelMapType3" >
                        <option value="0">直接经济损失评估图</option>
                        <option value="1">死亡人口评估图</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div class="col-md-8">
                    <button id="btnSearch3" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal" style="margin-top: 10px;max-height: 245px;">
            <div class="form-group">
                <div class="col-md-12">
                    <div id="affiliatedFileNameGrid3" style="max-height: 245px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="riskLevelMapPolygonLayers2" style="position: absolute;display: block;top: 260px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="riskLevelMapPolygonLayersImg" style='cursor:pointer;' title="图层管理" src="/fxpg/static/app/fxpg/fx_plugins/images/tucengoff.png"><br/><span style='border:0;cursor:pointer;' >图层<br/>管理</span></p>
    </div>
    <div id="operatePanel2" style="position: absolute;width: 350px;top: 110px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="form-group">
            <div id="operatePanel2CloseBtn" style="width:32px;height:32px;background: url('/fxpg/static/app/fxpg/fx_plugins/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="provinceSelect2" class="col-md-4 control-label">省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect2" name="provinceSelect2" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect2" class="col-md-4 control-label">市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect2" name="citySelect2" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect2" class="col-md-4 control-label">区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect2" name="areaSelect2" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="earthquakeRisk2" class="col-md-4 control-label">地震危险性:</label>
                <div class="col-md-8">
                    <select class="form-control" id="earthquakeRisk2" name="earthquakeRisk2" >
                        <option value="0">50年超越概率2%</option>
                        <option value="1">50年超越概率10%</option>
                        <option value="2">50年超越概率63%</option>
                        <option value="3">100年超越概率1%</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label">评估图类型</label>
                <div class="col-md-8">
                    <select class="form-control" id="levelMapType2" name="levelMapType2" >
                        <option value="0">直接经济损失评估图</option>
                        <option value="1">死亡人口评估图</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div class="col-md-8">
                    <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal" style="margin-top: 10px;max-height: 245px;">
            <div class="form-group">
                <div class="col-md-12">
                    <div id="affiliatedFileNameGrid2" style="max-height: 245px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="qhFieldInfo" style="position: absolute;left: 140px;z-index: 100000;background-color: #FFFFFF;top: 300px;width: 600px;height: 100px;display: none;">
        <div id="qhFieldInfoClose" style="right: -570px;position: relative;"><a><h5>关闭</h5></a></div>
        <div id="qhFieldInfoGrid" style="height: 100px;"></div>
    </div>

    <div id="fx-raster-legend-Div" style="position:absolute;right: 15px;bottom: 15px;z-index: 1000;width: 160px;height: 350px;background-color: #FFFFFF;border: 1px solid #8f8f8f;">
        <div style="position:absolute;left: 60px;top: 5px;"><h4>图例</h4></div>
        <div id="fx-raster-economic-legend" style="position: absolute;top:50px;width: 150px;left: -10px;">
            <div style="position:absolute;left: 30px;top: -30px;width: 100px;">
                <h6>经济损失<br/>万元/平方公里</h6>
            </div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 20px;background-color: #FE0000;"></div>
            <div style="position:absolute;left: 60px;top: 20px;">10000 - 25000</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 47px;background-color: #FF3801;"></div>
            <div style="position:absolute;left: 60px;top: 47px;">5000 - 10000</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 75px;background-color: #FF7300;"></div>
            <div style="position:absolute;left: 60px;top: 75px;">3000 - 5000</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 103px;background-color: #FFAA01;"></div>
            <div style="position:absolute;left: 60px;top: 103px;">2000 - 3000</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 131px;background-color: #FEE100;"></div>
            <div style="position:absolute;left: 60px;top: 131px;">1000 - 2000</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 159px;background-color: #E3F500;"></div>
            <div style="position:absolute;left: 60px;top: 159px;">500 - 1000</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 187px;background-color: #B0E000;"></div>
            <div style="position:absolute;left: 60px;top: 187px;">200 - 500</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 215px;background-color: #84CF00;"></div>
            <div style="position:absolute;left: 60px;top: 215px;">100 - 200</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 243px;background-color: #5ABA00;"></div>
            <div style="position:absolute;left: 60px;top: 243px;">0 - 100</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 271px;background-color: #38A700;"></div>
            <div style="position:absolute;left: 60px;top: 271px;">0</div>
        </div>
        <div id="fx-raster-casualty-legend" style="position: absolute;top:50px;width: 150px;left: -10px;display: none;">
            <div style="position:absolute;left: 30px;top: -30px;width: 100px;">
                <h6>死亡风险<br/>人/平方公里</h6>
            </div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 20px;background-color: #FE0000;"></div>
            <div style="position:absolute;left: 60px;top: 20px;">20 - 25</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 47px;background-color: #FF4900;"></div>
            <div style="position:absolute;left: 60px;top: 47px;">15 - 20</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 75px;background-color: #FF9000;"></div>
            <div style="position:absolute;left: 60px;top: 75px;">10 - 15</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 103px;background-color: #FFDD00;"></div>
            <div style="position:absolute;left: 60px;top: 103px;">5 - 10</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 131px;background-color: #DEF100;"></div>
            <div style="position:absolute;left: 60px;top: 131px;">2 - 5</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 159px;background-color: #9CD900;"></div>
            <div style="position:absolute;left: 60px;top: 159px;">1 - 2</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 187px;background-color: #66BF01;"></div>
            <div style="position:absolute;left: 60px;top: 187px;">0 - 1</div>
            <div style="position:absolute;width: 20px;height: 15px;left: 30px;top: 215px;background-color: #38A700;"></div>
            <div style="position:absolute;left: 60px;top: 215px;">0</div>
        </div>
    </div>

    <!--<div style="position:absolute;right: 15px;bottom: 15px;z-index: 1000;width: 410px;height: 40px;background-color: #FFFFFF;">
        <div style="position:absolute;width: 70px;height: 50%;right: 330px;top: 1px;background-color: #A87001;">
            <div style="top: 20px;position: absolute;left: 28px;">1</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 250px;top: 1px;background-color: #DF9E66;">
            <div style="top: 20px;position: absolute;left: 28px;">2</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 170px;top: 1px;background-color: #F6C568;">
            <div style="top: 20px;position: absolute;left: 28px;">3</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 90px;top: 1px;background-color: #FFEABD;">
            <div style="top: 20px;position: absolute;left: 28px;">4</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 10px;top: 1px;background-color: #FFFFBF;">
            <div style="top: 20px;position: absolute;left: 28px;">5</div>
        </div>
    </div>-->
</div>
<style>
    .tabTitle ul{ overflow: hidden; _height:1px; margin-left: -12px;}
    .tabTitle ul li{ float: left; border: 1px solid #abcdef; border-bottom: none; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 3px; cursor:pointer;}
    .current{ background: #abcdef; color:#fff;}
    .tabContent div{ height: 250px; margin-top: -13px;}

    .qhDrillInfoTabTitle ul{ overflow: hidden; _height:1px; margin-left: 1px;}
    .qhDrillInfoTabTitle ul li{ float: left; border: 1px solid #abcdef; border-bottom: none; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 3px; cursor:pointer;}
    .qhDrillInfoContent { height: 200px; margin-top: 1px;}
    .qhDrillInfoTabCurrent{ background: #66adff !important; color:#fff;}
</style>